<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>惠生活，欢迎您</title>
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="../css/login.css">
    <script src="../js/flexble.js"></script>
</head>

<body>
    <!-- header -->
    <header>
        <dt class="logoBox">
            <h2 class="logo"></h2>
            <div>
                <h2>惠生活</h2>
                <h4>hui.com</h4>
            </div>
        </dt>
        <dt class="blank">
            <p>修改建议<img src="../images/login/对话框.png"></p>
        </dt>
    </header>
    <!-- 内容 -->
    <section>
        <div class="content">
            <div class="passLogin">
                <button class="pas" style="border-bottom: solid 2px black;">密码登录</button>
                <button class="note">短信登陆</button>
                <!-- 密码登陆 -->
                <form action="http://127.0.0.1/hui/php/login.php" method="post" id="" class="pasForm" style="display:block">
                    <div>
                        <h4></h4> 
                        <input type="tel"  placeholder="手机号/邮箱/用户ID" required name="passLogin_phono">
                    </div>
                    <div>
                        <h4></h4>
                        <input type="password" placeholder="请输入登录密码" required name="passLogin_pas">
                    </div>
                    <input type="submit" name="sub" value="登录" class="button">
                    <p><a>忘记密码</a><a class="register">免费注册</a></p>
                </form>
                <!-- 短信登录 -->
                <form action="#" id="" method="post" class="noteForm" style="display:none;">
                    <div>
                        <h4><div></div></h4>
                        <div class="tion"><span>+86</span><img src="../images/login/上下.png">
                        <ul class="select" style="display: none;">
                            <li><span>+86</span>&nbsp;中国大陆</li>
                            <li><span>+886</span>&nbsp;中国台湾</li>
                            <li><span>+852</span>&nbsp;中国香港</li>
                            <li><span>+853</span>&nbsp;中国澳门</li>
                        </ul></div>
                        <input type="tel"  placeholder="手机号" required name="note_phono"></select>
                    </div>
                    <div>
                        <h4><div></div></h4>
                        <input type="number" placeholder="请输入验证码" required name="note_check">
                        <button>获取验证码</button>
                    </div>
                    <button type="submit">登录</button>
                    <p><a>忘记密码</a><a class="register_2">免费注册</a></p>
                </form>
            </div>
        </div>
    </section>
     <!-- 页底 -->
     <footer>
        <ul>
            <li>
                <h5 class="ture"></h5>
                <div class="service_text">
                    <h4>正品保障</h4>
                    <p>正品保障，提供发票</p>
                </div>
            </li>
            <li>
                <h5 class="fast"></h5>
                <div class="service_text">
                    <h4>急速物流</h4>
                    <p>急速物流，急速送达</p>
                </div>
            </li>
            <li>
                <h5 class="after-sales"></h5>
                <div class="service_text">
                    <h4>售后无忧</h4>
                    <p>7天无理由退货</p>
                </div>
            </li>
            <li>
                <h5 class="help"></h5>
                <div class="service_text">
                    <h4>帮助中心</h4>
                    <p>您的购物指南</p>
                </div>
            </li>
        </ul>
        <div class="mod_help">
            <dl>
                <h5>购物指南</h5>
                <dt>常见问题</dt>
                <dt>购物流程</dt>
                <dt>会员介绍</dt>
            </dl>
            <dl>
                <h5>配送方式</h5>
                <dt>上门自提</dt>
                <dt>海外配送</dt>
                <dt>配送费收费标准</dt>
            </dl>
            <dl>
                <h5>售后服务</h5>
                <dt>售后政策</dt>
                <dt>价格保护</dt>
                <dt>退款说明</dt>
            </dl>
            <dl>
                <h5>支付方式</h5>
                <dt>货到付款</dt>
                <dt>在线支付</dt>
                <dt>分期付款</dt>
            </dl>
            <dl>
                <h5>反馈与帮助</h5>
                <dt class="qq"><img src="../images/index/客服-联系我们.jpg" alt=""></dt>
                <dt style="color: red;">网站仅供学习</dt>
            </dl>
        </div>
        <div class="copyright">
            <ul class="we">
                <li>关于我们</li>
                <li>联系我们</li>
                <li>加入我们</li>
                <li>学习合作</li>
                <li>学习入驻</li>
            </ul>
            <h3 >无备案<br>网站仅供学习参考，如有侵权请联系，立即删除</h3>
        </div>
        <div class="retop"></div>
    </footer>
    <script src="../js/login.js"></script>
</body>

</html>